<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <f:view>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Carga Pacientes</title>
        <!--<link type="text/css" href="../common/css/redmond/jquery-ui-1.8.23.custom.css" rel="stylesheet" />-->
        <link type="text/css" href="common/css/custom-theme-fritolay/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
        <link type="text/css" href="../common/css/administrar.css" rel="stylesheet" />
	<script type="text/javascript" src="../common/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="../common/js/jquery.ui.all.js"></script>
	<script type="text/javascript" src="../common/js/jquery.layout.js"></script>
        <script type="text/javascript" src="../common/js/jquery-ui-1.8.6.custom.min.js"></script>
        <script type="text/javascript" src="../common/js/calendarioui-es.js"></script>
        <script type="text/javascript" src="../common/js/jquery.dateentry.js"></script>
        <script type="text/javascript" src="../common/js/carga_masiva.js"></script>
        <script type="text/javascript" src="../common/js/jquery.tablesorter.min.js"></script>
        <script type="text/javascript" src="../common/js/jquery.metadata.js"></script>
        <script type="text/javascript" src="../common/js/jquery.tablesorter.pager.js"></script>
        <script type="text/javascript" src="../common/js/jquery.validate.js"></script>



    </head>
        <body>

            <div style="width: 100%; text-align: center">
                <center>
                <div class="ui-widget-header" style="width: 50%;text-align: center">
                <iframe id="uploadFrameID" name="uploadFrame" height="0" width="0" frameborder="0" scrolling="yes"></iframe>
                <form id="myForm" enctype="multipart/form-data" method="post" target="uploadFrame"
                      action="/salus/FileUploadServlet" onsubmit="ajaxFunction()">
                    <center>
                    <input type="file" name="txtFile" id="txtFile"  class="text ui-widget-content ui-corner-all"/><br />
                    <!--<input type="submit" id="submitID" name="submit" value="Upload" />-->
                    </center>
                    <button type="submit" id="submitID" name="submit">Cargar Plano</button>
                </form>
                </div>
                </center>
                <div id="initializing" style="visibility: hidden; position: absolute; top: 100px;">
                    <table width="100%" style="border: 1px; background-color: black;">
                        <tr>
                            <td>
                                <table width="100%" style="border: 1px; background-color: black; color: white;">
                                    <tr>
                                        <td align="center">
                                            <b>Iniciando Carga....</b>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>

                <div id="progressBarTable" style="visibility: hidden; position: absolute; top: 100px;">
                    <table width="100%" style="border: 1px; color: white;">
                        <tr>
                            <td>
                                <table id="progressBar" width="100%" >
                                    <tr>
                                        <td></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <table width="100%" style="background-color: white; color: black;">
                        <tr>
                            <td align="center" nowrap="nowrap">
                                <span id="bytesRead" style="font-weight: bold;"></span>
                            </td>
                        </tr>
                    </table>
                </div>

                <div id="percentCompleteTable" align="center"
                     style="visibility: hidden; position: absolute; top: 100px;">
                    <table width="100%" style="border: 1px;">
                        <tr>
                            <td>
                                <table width="100%" style="border: 1px;">
                                    <tr>
                                        <td align="center"  width="100%">
                                            <span id="percentComplete" style="color: blue; font-weight: bold; width:100%"></span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
                <div id="listaPlanos"></div>
            </div>

        </body>
         </f:view>
</html>
